<template>
  <div class="page-content">
    <div id="pagelet-banner" class="pagelet-banner">
      <div style="padding-top:30%;" class="icon hide">
        <img class="logo" src="//s3.pstatp.com/ies/resource/falcon/douyin_falcon/static/image/logo/logo_launcher_v2_40f12f4.png">
      </div>
      <div class="desc hide">
        <div class="title"></div>
      </div>
      <div class="app-download up-down" id="download">
        <div class="download-btn">
        </div>
      </div>
      <div class="btn-ok">
        <div class="txt" @click="handleClickOk">{{ $t('Robot2Page.qrsq') }}</div>
      </div>
    </div>
  </div>
</template>

<script>
import MainNav from "../components/MainNav";
import TopNav from "../components/TopNav";

import Vue from 'vue';
import { Field } from 'vant';
import 'vant/lib/dialog/style';

Vue.use(Field);

export default {
  name: 'BindAccountPage',
    components: {
      MainNav,
      TopNav,
    },
    data () {
    return {
        loading:false,
        user:{},
        dy_user:'',
        dy_pwd:'',
    }
  },
    methods:{
      handleClickOk(){
          let loading = this.$toast.loading();
          setTimeout(()=>{
              loading.hide();
              this.$toast.success(this.$t('Robot2Page.sqcg'));
              history.go(-1);
          },3000)
      },
      handleClickGoVipZoom(){
          this.$dialog2.confirm({
              title: this.$t('Robot2Page.wts'),
              message:this.$t("Robot2Page.qdxf") +'99'+this.$t("Robot2Page.jbktfwm")+'?',
          })
              .then(() => {
                  // on confirm
                  this.loading = true
                  let loading = this.$toast.loading();
                  this.$axios.post(this.$api_url.buy_ygj,this.$qs.stringify({
                      id:1
                  })).then((res)=>{
                      if(res.data.code == 0){
                          this.$toast.success(res.data.data);
                      } else{
                          this.$toast.fail(res.data.msg);
                      }
                  }).catch((err)=>{
                      this.$toast.fail(err.message);
                  }).then(()=>{
                      loading.hide();
                      this.loading = false;
                  })
              })
              .catch(() => {
                  // on cancel
              });
          //location.href='/#/vip_zoom'
      },

    },
    mounted() {
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .page-content{
    background: #0e0b17;
    height: 100%;
  }
  #app{
    margin-top:0;
  }
  .help dt{
    font-size: 0.6rem;
  }
  .help dd{
    margin: 0.2rem;
    text-align: left;
  }
  button{
    width: 100%;
    font-size: .4rem;
    line-height: .986667rem;
    color: #fff;
    text-align: center;
    border-radius: .08rem;
    background-color: #2f3848;
    margin-top: .48rem;
  }
  .pagelet-banner .app-download {
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 7.5rem;
    height: 1.36rem;
    overflow: hidden;
    background-color: #0e0b17;
    background-image: url(//s3.pstatp.com/ies/resource/falcon/douyin_falcon/static/image/reflow/banner_logo_new_1a2d51c.png);
    background-repeat: no-repeat;
    background-position: .28rem .23rem;
    background-size: 3.3rem .9rem;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation: banner-show .5s ease-out .5s;
    animation: banner-show .5s ease-out .5s;
  }
  .pagelet-banner .app-download.up-down {
    top: 0;
    bottom: inherit;
    -webkit-animation: banner-show1 .5s ease-out .5s;
    animation: banner-show1 .5s ease-out .5s;
    width:100%;
  }
  .btn-ok{
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 0;
    outline: 0;
    padding: 0;
    width: 1.92rem;
    height: .56rem;
    line-height: .56rem;
    border-radius: .04rem;
    float: right;
    margin-top: .4rem;
    margin-right: .4rem;
    font-size: 0;
    color:#fff;
    position: absolute;
    bottom: 25%;
    width: 100%;
    left: 0;
    height: 1rem;
    line-height: 1rem;
  }
  .btn-ok .txt{
    background-color: #fe2c55;
    color: #fff;
    font-size: .28rem;
    vertical-align: middle;
    width: 3rem;
    display: inline-block;
  }

</style>
